<template>
     <span>
         <ul v-for="item in info">
            <ol>{{item.name}}</ol>
            <ol>{{item.age }}</ol>
         </ul>
     </span>
     
     <table border="1">
        <thead style="background-color: aqua;">
            <tr>
                <th>用户借款编号</th>
                <th>借款用户账号</th>
                <th>借款款项名称</th>
                <th>借款金额</th>
                <th>剩余还款本金</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="item in TableArray">
                <td>{{item.Id}}</td>
                <td>{{item.name}}</td>
                <td>{{item.Sname}}</td>
                <td>{{item.Reive}}</td>
                <td>{{item.money}}</td>
            </tr>
        </tbody>
     </table>
     
     <h1 style="text-align: center;">双向数据绑定演示</h1>
</template>

<script setup lang="ts">
const info = [{
    name:"张大",
    age:21,
},{
    name:"李四",
    age:22,
},{
    name:"王五",
    age:23,
},{
    name:"赵六",
    age:24,
},{
    name:"钱七",
    age:25,
}]

const TableArray =[{
    Id:1,
    name:"zhangsan",
    Sname:"八维助学金",
    Reive:400,
    money:0
},{
    Id:2,
    name:"zhangsan",
    Sname:"八维助学金",
    Reive:10000,
    money:10000
}]




</script>